/**
 * 1、当我们点击按钮的时候动态给 data 增加的成员是否是响应式数据，如果不是的话，如何把新增成员设置成响应式数据，它的内部原理是什么。

  let vm = new Vue({
    el: '#el'
    data: {
      o: 'object',
      dog: {}
    },
    method: {
      clickHandler() {
        // 该 name 属性是否是响应式的
        this.dog.name = 'Trump'
      }
    }
  })

 */

/**
 * 不是响应式数据。
 * 响应式对象和响应式数组是指在vue初始化时期，利用Object.definePropety()方法对其进行监听，这样在修改数据是会及时体现在页面上
 * 在Vue实例化后再给data新增属性，仅仅只是新增一个普通的js属性，而不是响应式数据
 * Vue实例化后不允许动态添加根级别的响应式property，可以使用Vue.set(vm,someObject,'a',1)，也可以使用vm.$set，这也是全局Vue.set方法的别名 this.$set(this.someObject,'a',1)。
 * Vue.set()实现原理：调用 defineReactive(ob.value,key,val)函数进行依赖收集，调用ob.dep.notify() 通知更新视图。
 */

